import React, { useState } from 'react'
import './index.scss'

import LoginC from '../../components/loginC'
import UnLoginC from '../../components/unloginC'



function Login (props: any) {
    

    const [displayUnlogin, setdisplayUnlogin] = useState(false)

    const undateDisplayUnlogin = () => {
        setdisplayUnlogin(true)
    }



    return (
        <div className="login-index">
            <LoginC undateDisplayUnlogin={ undateDisplayUnlogin }></LoginC>
            {
                displayUnlogin?
                 (
                     <UnLoginC></UnLoginC>
                 )
                :
                 (
                     <div></div>
                 )
            }
        </div>
    )
}

export default Login